<template>
  <div class="top1">
    <div class="logo" :style="img"></div>
    <div class="sou" :style="img1"></div>
</div>
</template>

<script>
export default {
    data(){
       return {
           img:{backgroundImage: "url(" + require("sta/logo.png") + ")"},
           img1:{backgroundImage: "url(" + require("sta/head.png") + ")"}
       }
   }
}
</script>

<style scoped>
    .top1{
        height: 1.33rem;
        display: flex;
        justify-content: space-between;
    }
    .logo{
        padding: .26667rem .4rem;
        width: 2.51rem;
        height: .67rem;
        background: url(/img/logo.png) .4rem .32rem no-repeat;
        background-size: 2.72rem;
    }
    .sou{
        background: url(/img/head.png) 0 -1.33333rem no-repeat;
        background-size: 2.66667rem;
        height: 1.33333rem;
        width: 1.33333rem;
    }

</style>